<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
			
	</head>
	<body>
		<div id="app">
			{{num}}
			<br>
			{{msg}}
			<input type="text" v-model="msg">
			<br>
			{{name}}
			<input type="text" v-model="name">
			{{str}}
		</div>
	</body>
	<script type="text/javascript">
		var vm = new Vue({
			el:"#app",
			data:{
				num:1,
				str:""
			},
			created() {
				console.log("created")
			},
			computed:{
				msg:function(){
					console.log("msg")
					return "hello"+this.num
				},
				name:{
					get:function(){
						return this.msg
					},
					set:function(value){
						console.log(value)
						this.str = value
					}
				}
			},
			methods:{
			}
		})
	</script>
</html>
